<?
require_once('./php_lib/conexion.php');
require_once('./php_lib/funciones.php');

$Form1Action = './ajax_cliente.php?funcion=2';

if(!$resultado = mysql_query("SELECT * FROM Cliente WHERE cli_rut = ".$_GET['cli_rut'].";", $db_zapatos)){
	echo 'Error -- al buscar al usuario en la base.';
	die;
} elseif( !$cliente = mysql_fetch_array($resultado)) {
	echo 'Error -- el usuario no se encuentra en la base.';
	die;
}

$resultado = mysql_query("SELECT * FROM Localidad WHERE loc_id = ".$cliente['loc_id'].";", $db_zapatos);
$localidad = mysql_fetch_array($resultado);
$cliente['reg_id'] = $localidad['reg_id'];

$lista_regiones = obtener_regiones($db_zapatos);			// Obtenemos la lista de regiones
$lista_comunas = obtener_comunas($db_zapatos, $lista_regiones);		// Traemos listado de comunas


?>

<div id="h_con">
<form id="form1" name="form1" method="post" action="<?php echo $Form1Action; ?>">
<fieldset><legend>Editar Cliente</legend>
	<div class="notes" id="notes">
		<h4>Nota:</h4>
			<p>Ingrese los datos y presione "Guardar".</p>
	</div>
  <div>
    <label for="cli_rut">Rut cliente</label>
    <input type="text" name="cli_rut" id="cli_rut" value="<?=$cliente['cli_rut']?>"/>
    <!-- <input name="rut_dv"  id="rut_dv" type="text" /> -->
  </div>
  <div>
    <label for="cli_nom">Nombres</label>
    <input type="text" name="cli_nom" id="cli_nom" value="<?=$cliente['cli_nom']?>"/>
  </div>
  <div>
    <label for="cli_pa">Apellido paterno</label>
    <input type="text" name="cli_pa" id="cli_pa" value="<?=$cliente['cli_pa']?>"/>
  </div>
  <div>
    <label for="cli_sa">Apellido materno</label>
    <input type="text" name="cli_sa" id="cli_sa" value="<?=$cliente['cli_sa']?>"/>
  </div>
  <div>
    <label for="cli_calle">Direccón</label>
    <input type="text" name="cli_calle" id="cli_calle" value="<?=$cliente['cli_calle']?>"/>
  </div>
  <div>
    <label for="region">Región</label>
    <select name="region" id="region">
	<option value="0">Seleccione una región</option>
	<? foreach( $lista_regiones as $reg_key => $reg_val) { 
		 echo sprintf("<option value=\"%d\">%s</option>", $reg_key, $reg_val);
	} ?>
    </select>
  </div>
  <div>
    <label for="loc_id">Localidad</label>
    <select name="loc_id" id="loc_id" disabled="disabled">
	<option value="0">Seleccione una comuna</option>  
    </select>
  </div>
  <div>
	<input id="bt_guardar" name="bt_guardar" type="button" value="Guardar" />	
	<input type="hidden" name="MM_update" value="form1" />
  </div>
</fieldset>
</form>
</div>

<div id="h_not" style="display:none;">
	<div class="notificacion">Los datos han sido guardado con &eacute;xito.</div>
	<a href="#" onclick="$('#mainDiv').load('./listar_cliente.php');">Continuar</a>
</div>

<script language="javascript">
<!--
// Interceptamos el click del boton guardar
$('#bt_guardar').click(function() {
	// Enviamos el formulario usando AJAX
	$.ajax({
	type: 'POST',
	dataType: "json",
	url: $('#form1').attr('action'),
	data: $('#form1').serialize(),
	// Mostramos un mensaje con la respuesta de PHP
	success: function(data) {
		if( data.error == 0) {
			$('#h_con').hide();
			$('#h_not').show("fast");
		} else {
			v1 = "<h4 class=error>Error en los datos</h4>";
			for( error_key in data.lista_errores){
				v1 += "<p class=error>" + data.lista_errores[error_key] + "</p>";
			}
			$('#notes').html(v1);
		}
	},
	error: function(jqXHR, textStatus) {
		alert( "Request failed: " + textStatus );}
	})        
}); 

var lista_comunas = new Array();
<?php
// Pasamos la variable $lista_comunas a javascript
foreach( $lista_regiones  as $reg_key => $reg_val) { 
	echo sprintf("lista_comunas[%d] = new Array();", $reg_key);
	foreach( $lista_comunas[$reg_key] as $loc_key => $loc_val) {
		echo sprintf("lista_comunas[%d][%d] = \"%s\";", $reg_key, $loc_key, $loc_val);
	}
}
?>

// Evento para SELECT de regiones
$('#region').change( function() {
	reg_key = document.getElementById('region').selectedIndex;
	comuna = document.getElementById('loc_id');
	comuna.length = 1;
	if (reg_key != 0) {
		i = 1;
		for( loc_key in lista_comunas[reg_key]){
			comuna.length++;
			comuna.options[i].value = loc_key;
			comuna.options[i].text =  lista_comunas[reg_key][loc_key];
			i++;
		}
		comuna.disabled = false;
	} else {
		comuna.disabled = true;
	}
});

// Seleccionar la region y localidad correspondiente en los SELECT
s1 = document.getElementById('region');
comuna = document.getElementById('loc_id');
reg_key = <?=$cliente['reg_id']?>;
loc_id = <?=$cliente['loc_id']?>;
comuna.length = 1;
comuna.disabled = false;
for (i = 0; i < s1.length; i++) {
	if (s1.options[i].value == reg_key) {
		s1.options[i].selected = true;
	}   
}

i = 1;
for( loc_key in lista_comunas[reg_key]){
	comuna.length++;
	comuna.options[i].value = loc_key;
	comuna.options[i].text =  lista_comunas[reg_key][loc_key];
	if( loc_key == loc_id) comuna.options[i].selected = true;
	i++;
}
-->
</script>
